<template>
  <div>
    <h1>调料展示</h1>
    <router-link :to="{ name: 'tiaoliaoone' }">11111</router-link>
    <router-link :to="{ name: 'tiaoliaotwo' }">22222</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
import VueRouter from "vue-router";
export default {
  router: new VueRouter({
    mode: "abstract",
    base: "/",
    routes: [
      {
        path: "/tiaoliaoone",
        name: "tiaoliaoone",
        component: () => import("@/views/tiaoliao/TiaoLiaoOne.vue"),
      },
      {
        path: "/tiaoliaotwo",
        name: "tiaoliaotwo",
        component: () => import("@/views/tiaoliao/TiaoLiaoTwo.vue"),
      },
    ],
  }),
};
</script>

<style lang="scss" scoped>
</style>